<template>
	<view>
		<view>
			<u-row>
				<u-col span="1">
					<u-avatar :src="headimg" size="60" ></u-avatar>
				</u-col>
				<u-col span="2" >
					<view class="name">9******9</view>
				</u-col>
				<u-col span="4" >
					<u-rate class="start" :count="5" active-color="#FF0000" v-model="starnum" size="25"></u-rate>
				</u-col>
			</u-row>
		</view>
		<view class="date">
			2天前
		</view>
		<view class="content">
			<view class="txt">还啊很多双卡双待卡号是打开就哈撒可见度哈克觉得是哈可接受的和卡号的卡号是的卡号是看见啥看见大海上的看见哈斯卡号是看见哈撒可见度蛤科进士蛤科进士蛤科进士蝴蝶卡和的卡号是的卡是</view>
			<view class="imgs">
				<u-row>
					<u-col span="3" v-for="i in 6">
						<image class="img" src="http://demo26.crmeb.net/uploads/store/comment/20200825/5c7623d9f3eb2eae357b02b3b1ce80e2.png"></image>
					</u-col>
				</u-row>
			</view>
		</view>
		<view class="replaybox">
		<view class="replay">
			<text class="repname">店小二：</text><text>谢谢您的惠顾！！！</text>
		</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				headimg:"http://demo26.crmeb.net/uploads/attach/2019/10/20191031/772750915c378a07dbc6b2dc2fa2f397.png",
				starnum:5
			}
		}
	}
</script>

<style lang="scss" scoped>
	.name{
		color: #999;
		font-size: 24rpx;
		padding-left: 20rpx;
	}
	.start{
		padding-left: 10rpx;
	}
	.date{
		color: #999;
		font-size: 26rpx;
		margin: 15rpx 0rpx;
	}
	.content{
		
	}
	.txt{
		color: #000;
		font-size: 28rpx;
		line-height: 42rpx;
	}
	.img{
		padding-top: 10rpx;
		width: 100%;
		height: 160rpx;
		border-radius: 5%;
	}
	.replaybox{
		margin: 30rpx 10rpx;
		
	}
	.replay{
		min-height: 100rpx;
		    font-size: 13px;
		    color: #454545;
		    background-color: #f7f7f7;
		    border-radius: 2px; 
		    padding: 15px;
		    position: relative;
	}
	.replay::before{
		    content: "";
		    width: 0;
		    height: 0;
		    border-left: 10px solid transparent;
		    border-right: 10px solid transparent;
		    border-bottom: 15px solid #f7f7f7;
		    position: absolute;
		    top: -15px;
		    left: 20px;
	}
	.repname{
		color: #ff0000;
	}
</style>
